<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>柒章私人影吧</title>
    <link rel="stylesheet" href="assets/css/main.css"/>
</head>
<body data-page="index">
    <div class="header">
        <a href="/" class="logo"></a>
        <span class="time" id="j_time"></span>
        <div class="search">
            <input type="text" placeholder="搜索影片">
            <button></button>
        </div>
        <div class="user" id="j_user"></div>
    </div>

    <div class="section" id="wrap"></div>

    <script type="text/template" id="tpl_user">
        <% if(this.name) { %>
            <div class="info">
                <a class="avatar"></a>
                <div class="more" id="j_user">
                    <a class="avatar"></a>
                    <span>{{this.name}}</span>
                    <span>用户等级:{{this.level}}</span>
                    <a class="signout">退出</a>
                </div>
            </div>
        <% }else{ %>
            <a href="sign.html" class="signin">登录</a>
        <% } %>
    </script>

    <script type="text/template" id="tpl_post">
        <h3>热门电影</h3>
        <div class="panel" style="background-image:url({{this.thumb}})">
            <div class="info">
                <div class="act">
                    <a href="detail.html?id={{this.MovieID}}" class="play"></a>
                    <!--<a class="star">8</a>-->
                </div>
                <div class="detail">
                    <p>{{this.MovieIntro | left(160)}}</p>
                </div>
            </div>

        </div>
    </script>
    <script type="text/template" id="tpl">
        <div class="hot" id="j_post"></div>

        <div class="main">
            <ul class="type">
                <li class="select" data-type="latest">最新电影</li>
                <li data-type="hot">热门电影</li>
                <li data-type="rec">店家推荐</li>
            </ul>

            <div class="tab">
                <ul class="list select" data-type="latest">
                    <each this.latest>
                        <li><a href="detail.html?id={{MovieID}}"><img src="{{thumb}}" alt=""><span>{{MovieName}}</span></a></li>
                    </each>

                    <li><a href="list.html"><i>更多电影</i></a></li>
                </ul>

                <ul class="list" data-type="hot">
                    <each this.hot>
                        <li><a href="detail.html?id={{MovieID}}"><img src="{{thumb}}" alt=""><span>{{MovieName}}</span></a></li>
                    </each>

                    <li><a href="list.html"><i>更多电影</i></a></li>
                </ul>

                <ul class="list" data-type="rec">
                    <each this.rec>
                        <li><a href="detail.html?id={{MovieID}}"><img src="{{thumb}}" alt=""><span>{{MovieName}}</span></a></li>
                    </each>

                    <li><a href="list.html"><i>更多电影</i></a></li>
                </ul>
            </div>
        </div>
    </script>

    <script src="api.asp?a=config&type=js"></script>
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/H.js"></script>
    <script src="assets/js/app.js"></script>
</body>
</html>